<!-- head start-->
<ion-row class="head">
  <ion-icon class="logo"></ion-icon>
  <ion-col col-12 class="head-title" text-center>咖啡售卖机</ion-col>
  <button [navPush]="'member'" ion-button class="MUJI-button member-button">绑定会员</button>
</ion-row>
<!-- head end-->
<ion-content>
  <ion-grid>
    <ion-row>
      <ion-col *ngFor="let item of data" col-6 text-center class="item">
        <p class="fs36">{{item.name}}<span class="fs24">(热)</span></p>
        <div class="item-img">
          <img src="{{item.img}}" alt="">
        </div>
        <p class="button-group">
          <button class="button">
            <ion-icon disabled class="icon remove" ios="ios-remove" md="md-remove"></ion-icon>
          </button>
          <button class="button">
              <ion-icon class="amount">1</ion-icon>
          </button>
          <button class="button">
            <ion-icon class="icon add" ios="ios-add" md="md-add"></ion-icon>
          </button>
        </p>
      </ion-col>
    </ion-row>
  </ion-grid>
  <div style="height: 100px"></div>
</ion-content>
<ion-footer class="bottom">
  <div class="bottom-button">
    <button (click)="goDetail(item)" ion-button full class="MUJI-button">确认</button>
  </div>
</ion-footer>
